<template>
    <div class="center">

        <!-- <div class="tt"> 文件上传 </div> -->
        <div class="file">
            <el-upload class="upload-demo" drag action="http://127.0.0.1:9999/admin/file/file_up" :headers="headers"
                multiple>
                <i class="el-icon-upload"></i>
                <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
                <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div>
            </el-upload>
        </div>
    </div>
</template>


<script>
import { getStore } from '@/util/store'



export default {
  
    computed: {
        headers(){
            return {
                TOKEN : getStore("TOKEN")
            }
        }
    },
    

}

</script>



<style>
.center {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.file {
    width: 500px;
    height: 500px;
    /* align-items: center; */
    margin: auto;
}

.tt {
    font-size: 28px;

    text-decoration: blink;
    font-family: Microsoft YaHei;
    text-align: center;
}

.upload-demo {

    align-items: center;

}
</style>